<?php

	// 登录验证
	session_start();
	if(!isset($_SESSION['user']) || !$_SESSION['user'])
	{
		header('Location: ./login.html');
	}


	// 获取Opcache版本列表
	$opcache_list = scandir('opcache');
	// 过滤本级、上级目录
	foreach($opcache_list as $key=>$val)
	{
		if( preg_match('/^\.{1,2}$/', $val) )
		{
			unset($opcache_list[$key]);
			continue;
		}
	}
	$opcache_list = array_merge($opcache_list);
	$opcache_list = json_encode($opcache_list);

	// 获取PHP-FPM版本列表
	$fpm_list = scandir('fpm');
	// 过滤本级、上级目录
	foreach($fpm_list as $key=>$val)
	{
		if( preg_match('/^\.{1,2}$/', $val) )
		{
			unset($fpm_list[$key]);
			continue;
		}
	}
	$fpm_list = array_merge($fpm_list);
	$fpm_list = json_encode($fpm_list);

?>



<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>资源面板</title>
		<link rel="stylesheet" href="src/css/index.css">
		<script src="src/js/jquery-1.8.2.js"></script>
		<script>
			/**
			 * 根据服务名，加载版本列表
			 * @param String service_name
			 */
			function loadVersionList(service_name)
			{
				// 从PHP变量加载版本列表（JSON）
				let version_list = '';
				switch(service_name)
				{
					case 'opcache':
						version_list = '<?php echo $opcache_list;?>';
						break;
					case 'fpm':
						version_list = '<?php echo $fpm_list;?>';
						break;
				}
				version_list = JSON.parse(version_list);
				// 清空版本列表下拉菜单，并重新填充
				$('select[name="version_list"]').children().remove();
				for(i in version_list)
				{
					let tmp = version_list[i];
					let option_html = '<option value="' + tmp + '">' + tmp + '</option>';
					$('select[name="version_list"]').append(option_html);
				}
			}


			$(document).ready
			(
				function()
				{
					// 加载默认服务的版本列表
					let service = $('select[name="service_list"]').find('option:selected').val();
					loadVersionList(service);

					// 监听服务列表变化
					$('select[name="service_list"]').change(
						function()
						{
							// 获取选择的服务名
							let service = $(this).find('option:selected').val();
							// 加载对应的版本列表
							loadVersionList(service);
						}
					);

					// 监听点击确定按钮
					$('button[name="submit"]').click(
						function()
						{
							// 根据选择的服务、版本，进行跳转
							let service = $('select[name="service_list"]').find('option:selected').val();
							let version = $('select[name="version_list"]').find('option:selected').val();
							window.location.href = service + '/' + version;
						}
					);
				}
			);
		</script>
	</head>
	<body>
		<div class="choose_service">
			<table>
				<tr>
					<td>
						<label class="title" for="service_list">选择服务</label>
					</td>
					<td>
						<select name="service_list" id="service_list">
							<option value="opcache" selected>Opcache</option>
							<option value="fpm">PHP-FPM</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>
						<label class="title" for="version_list">选择版本</span>
					</td>
					<td>
						<select name="version_list" id="version_list"></select>
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<button name="submit" href="1.php">确定</button>
					</td>
				</tr>
			</table>
		</div>
	</body>
</html>
